// import React from 'react'
// 1. 在react中使用jsx最终解析 React.createElement()
// 2. 如果是react版本是16x之前，必需要导入React包
// 3. 在之后的版本不需要导入，babel解析时候会自动依赖

import ReactDOM from 'react-dom'

// 使用JSX创建UI结构
// <div id="box">
// <h1>JSX</h1>
// <ul>
//   <li>tom</li>
//   <li>jack</li>
//   <li>tony</li>
// </ul>
// </div>

const element = <div id="box">
  <h1>JSX</h1>
  <ul>
    <li>tom</li>
    <li>jack</li>
    <li>tony</li>
  </ul>
</div>



ReactDOM.render(element, document.getElementById('root'))